<html>
<head>
	<meta charset="utf-8" />
	<title>{{the_title}}</title>
	<link rel="stylesheet" type="text/css"href="static/index1.css"/>
	<link rel="stylesheet" type="text/css"href="static/css/iconfont.css"/>
	<style>
     body{
    height: 700px;
    background: #cccccc;
    background: -webkit-gradient(linear,left top ,right bottom,color-stop(0%,#ea5c54),color-stop(100%,#bb6dec));
    background: -webkit-linear-gradient(-45deg,#ea5c54 0%,#bb6dec 100%);
    background: -webkit-linear-gradient(315deg,#ea5c54 0% ,#bb6dec 100%);
    background: linear-gradient(135deg,#ff9966 0%,#9999cc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea5c54',endColorstr='#bb6dec',GradientType=1);
}

#login-box{
	background-color: #ffffff;
	border-radius: 40px;
	text-align: center;
	margin: 100px auto;
	width: 500px;
	height:250px auto ;
}
#login-box h1{            
	padding-top:20px;
	color: #ffcc99;
}
#login-box button{
	line-height:30px;
	margin: 30px;
	width: 130px;
	height: 30px;
	border-radius:13px ;
	outline: none;
	border: none;
	background: #ffcc99;
	color: #FFFFFF;
}
#login-box button:hover{
	background: #b1d0f5 ;
}   
        p{
        	font-size: 15px;
        	color:#47527b;
        }
    </style>
</head>
<body>

	<form method="POST" action="/index" id="login-box">
	<table  align="center">
		<h1>{{the_title}}</h1>
		<p>直接点击下方进入，开启步行导航之旅吧~</p>
		
	</table>
	<button type="submit">进入</button>
	</form>

</body>
</html>